Summary

Fixes #15797

Occurred changes and/or fixed issues

With some changes to support scalability, we no longer fetch all mgmt clusters in the UI early on.

It turns out that the cluster edit page for the local cluster (when loaded via page refresh) has a bug where it assumes the mgmt cluster information is available.

This PR fixes this bug.

Technical notes summary

Although the cluster edit page fetches the mgmt clusters, there is code in the data method which calculates subType. Unfortunately, data runs before fetch, so if the mgmt clusters have not already been loaded, then the data method will incorrectly calculate subType.

The fix is easy - move the calculation of subType from the data method to fecth. This ensures it occurs after the mgmt clusters have been fetched.

Areas or cases that should be tested

Go the cluster edit page for the local cluster.

Hit refresh on the browser.

Make sure you get the Vue page and not the Ember page.

Screenshot/Video

Vue screen that you should now see:

Ember screen that is shown on refresh before the fix in this PR:

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes
• The PR has been reviewed in terms of Accessibility
• The PR has considered, and if applicable tested with, the three Global Roles Admin, Standard User and User Base